<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
			// 移除强制清除登录信息的逻辑
		},
		onShow: function() {
			console.log('App Show')
			// 移除强制清除登录信息的逻辑
		},
		onHide: function() {
			console.log('App Hide')
		},
		methods: {
			// 预留给其他方法
		}
	}
</script>

<style lang="scss">
	/* 全局样式 */
	page {
		background: linear-gradient(135deg, #0B0F1A 0%, #1a1f2e 100%);
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
	}

	/* 通用样式类 */
	.container {
		min-height: 100vh;
		background: linear-gradient(135deg, #0B0F1A 0%, #1a1f2e 100%);
	}

	.section-header {
		margin-bottom: 20rpx;

		.section-title {
			font-size: 32rpx;
			color: #FFFFFF;
			font-weight: bold;
		}

		.section-subtitle {
			font-size: 24rpx;
			color: #AAB4BE;
		}
	}

	/* 按钮样式 */
	.btn-primary {
		background: linear-gradient(135deg, #1976D2 0%, #2196F3 100%);
		color: #FFFFFF;
		border: none;
		border-radius: 44rpx;
		font-size: 32rpx;
		font-weight: 500;
	}

	.btn-secondary {
		background: #2a2f3e;
		color: #AAB4BE;
		border: 1rpx solid #3a3f4e;
		border-radius: 44rpx;
		font-size: 32rpx;
	}

	.btn-danger {
		background: rgba(244, 67, 54, 0.2);
		color: #f44336;
		border: 1rpx solid #f44336;
		border-radius: 44rpx;
		font-size: 32rpx;
	}

	/* 卡片样式 */
	.card {
		background: #1a1f2e;
		border-radius: 16rpx;
		border: 1rpx solid #2a2f3e;
		padding: 30rpx;
		margin-bottom: 20rpx;
	}

	/* 输入框样式 */
	.input-field {
		width: 100%;
		height: 80rpx;
		background: #2a2f3e;
		border-radius: 12rpx;
		padding: 0 24rpx;
		font-size: 28rpx;
		color: #FFFFFF;
		border: 1rpx solid #3a3f4e;

		&:focus {
			border-color: #1976D2;
		}
	}

	/* 文本样式 */
	.text-primary {
		color: #FFFFFF;
	}

	.text-secondary {
		color: #AAB4BE;
	}

	.text-accent {
		color: #00B8D4;
	}

	.text-success {
		color: #4cd964;
	}

	.text-warning {
		color: #f0ad4e;
	}

	.text-danger {
		color: #f44336;
	}

	/* 图标样式 */
	.icon-circle {
		width: 60rpx;
		height: 60rpx;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.icon-primary {
		background: linear-gradient(135deg, #00B8D4 0%, #1976D2 100%);
	}

	.icon-secondary {
		background: linear-gradient(135deg, #ff9800 0%, #f44336 100%);
	}

	/* 动画效果 */
	.fade-in {
		animation: fadeIn 0.3s ease-in-out;
	}

	@keyframes fadeIn {
		from {
			opacity: 0;
			transform: translateY(20rpx);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	.scale-in {
		animation: scaleIn 0.3s ease-in-out;
	}

	@keyframes scaleIn {
		from {
			opacity: 0;
			transform: scale(0.9);
		}
		to {
			opacity: 1;
			transform: scale(1);
		}
	}
</style>
